<div id="underlay" class="underlay hide"></div>
<div id="loading-underlay" class="underlay"></div>
<div id="loading-overlay" class="loading-overlay">
  {{#if settings.isRancher}}
    <div class="square">
      <div class="lid">
      </div>
    </div>
  {{else}}
    <div class="whiteboxloader">
      <div class="loader-inner ball-clip-rotate-pulse">
        <div></div>
        <div></div>
      </div>
    </div>
  {{/if}}
</div>

{{outlet "overlay"}}
{{outlet "error"}}

{{#unless isEmbedded}}
<SettingsOverridableBanner
  id="setting-ui-header-banner"
  @show={{settings.showHeaderBanner}}
  @model={{settings.bannerContent}}
/>
{{/unless}}
<div
  id="application"
  class="container no-inline-space {{if settings.showHeaderBanner 'with-ui-header-banner' ''}} {{if settings.showFooterBanner 'with-ui-footer-banner' ''}}"
>
  {{outlet}}
</div>
{{#unless isEmbedded}}
<SettingsOverridableBanner
  id="setting-ui-footer-banner"
  @show={{settings.showFooterBanner}}
  @model={{settings.bannerContent}}
/>
{{/unless}}

{{component tooltip tooltipTemplate=tooltipTemplate class="container-tooltip" id="tooltip-base" role="tooltip" aria-hidden="false"}}
{{modal-root}}
